<template>
  <div class="flex flex-col min-h-screen overflow-hidden">
    <!-- Site header -->
    <Header />

    <!-- Page content -->
    <main class="grow">
      <ServicesBanner :params="bannerParams" />

      <BlogList class="mt-24"/>
    </main>

    <!-- Site footer -->
    <Footer />
  </div>
</template>

<script setup>
import Header from '/src/components/common/Header.vue'
import Footer from '/src/components/common/Footer.vue'
import ServicesBanner from '/src/components/ServicesBanner.vue'


import banner from '/src/images/resources/banner-blogs.webp'
import BlogList from "../../components/Resources/Blogs/BlogList.vue";

const bannerParams = {
  imgUrl: banner,
  title: 'Blogs',
  subtitle: [
      'Here we will share some information and skills in the rapid prototyping and manufacturing industry and some relevant information about our company'
  ]
}
</script>

<style scoped></style>
